/*
 *************************************************************************
 * The contents of this file are subject to the Openbravo  Public  License
 * Version  1.1  (the  "License"),  being   the  Mozilla   Public  License
 * Version 1.1  with a permitted attribution clause; you may not  use this
 * file except in compliance with the License. You  may  obtain  a copy of
 * the License at http://www.openbravo.com/legal/license.html
 * Software distributed under the License  is  distributed  on  an "AS IS"
 * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the
 * License for the specific  language  governing  rights  and  limitations
 * under the License.
 * The Original Code is Openbravo ERP.
 * The Initial Developer of the Original Code is Openbravo SLU
 * All portions are Copyright (C) 2010-2014 Openbravo SLU
 * All Rights Reserved.
 * Contributor(s):  ______________________________________.
 ************************************************************************
*/

/*=======================================================================
 * Contains styles for:
 * View Form Styles
 * Form Fields/Items
 * Date Picker
 * Form Buttons
 * Image Item
 * LinkButton Item
 * SectionItem Button
 * Dialog
 * Note section
=======================================================================*/

/*=======================================================================
 * View Form Styles 
=======================================================================*/

.OBViewForm {
  margin: 5px 25px 0px 25px;
  padding: 0px 0px 20px 0px;
}

.OBParameterWindowForm {
  margin: 5px 20px 0px 20px;
  padding: 0px 0px 0px 0px;
}

.OBFormContainerLayout {
  outline: none;
  background-color: #FFFFFF;
}

/*=======================================================================
 * Form Field Styles 
=======================================================================*/

.OBFormField,
.OBFormFieldDisabled,
.OBFormFieldRequired,
.OBFormFieldFocused,
.OBFormFieldError {
  font-family: 'lucida sans', sans-serif;
  padding: 4px 8px 4px 8px;
  vertical-align: top;
  line-height: 1.4em;
}

.OBFormFieldLabel,
.OBFormFieldLabelDisabled,
.OBFormFieldLabelRequired,
.OBFormFieldLabelError,
.OBFormFieldLabelFocused {
  font-family: 'lucida sans', sans-serif;
  font-size: 13px;
  font-weight: bold;
}

.OBFormFieldLabel,
.OBFormFieldLabelError,
.OBFormFieldLabelFocused {
  color: #333333;
}

.OBFormFieldLabelDisabled {
  color: #555555;
}

.OBFormFieldStatic,
.OBFormFieldStaticDisabled,
.OBFormFieldStaticFocused,
.OBFormFieldStaticError,
.OBFormFieldStaticHint,

.OBFormFieldInput,
.OBFormFieldInputDisabled,
.OBFormFieldInputFocused,
.OBFormFieldInputError,
.OBFormFieldInputHint,

.OBFormFieldInputRequired,
.OBFormFieldInputRequiredDisabled,
.OBFormFieldInputRequiredFocused,
.OBFormFieldInputRequiredError,
.OBFormFieldInputRequiredHint,

.OBFormFieldSelectInput,
.OBFormFieldSelectInputDisabled,
.OBFormFieldSelectInputFocused,
.OBFormFieldSelectInputError,
.OBFormFieldSelectInputErrorFocused,
.OBFormFieldSelectInputHint,

.OBFormFieldSelectInputPending,

.OBFormFieldSelectInputRequired,
.OBFormFieldSelectInputRequiredDisabled,
.OBFormFieldSelectInputRequiredFocused,
.OBFormFieldSelectInputRequiredError,
.OBFormFieldSelectInputRequiredHint,

.OBFormFieldDateInput,
.OBFormFieldDateInputDisabled,
.OBFormFieldDateInputFocused,
.OBFormFieldDateInputError,
.OBFormFieldDateInputHint,

.OBFormFieldDateInputRequired,
.OBFormFieldDateInputRequiredFocused,
.OBFormFieldDateInputRequiredDisabled,
.OBFormFieldDateInputRequiredError,
.OBFormFieldDateInputRequiredHint,

.OBFormFieldNumberInput,
.OBFormFieldNumberInputDisabled,
.OBFormFieldNumberInputFocused,
.OBFormFieldNumberInputError,
.OBFormFieldNumberInputHint,

.OBFormFieldNumberInputRequired,
.OBFormFieldNumberInputRequiredFocused,
.OBFormFieldNumberInputRequiredDisabled,
.OBFormFieldNumberInputRequiredError,
.OBFormFieldNumberInputRequiredHint {
  font-family: arial, sans-serif;
  font-size: 13px;
  padding: 2px 2px 0px 2px;
  margin-right: 0px;
  resize: none; /* CSS3 Property to avoid the browser capability of resize textareas */
}

.OBFormFieldDateInputRequired,
.OBFormFieldDateInputRequiredFocused,
.OBFormFieldDateInputRequiredDisabled,
.OBFormFieldDateInputRequiredError,
.OBFormFieldDateInputRequiredHint,

.OBFormFieldDateInput,
.OBFormFieldDateInputDisabled,
.OBFormFieldDateInputFocused,
.OBFormFieldDateInputError,
.OBFormFieldDateInputHint {
  width: 100%;
}

.OBFormField .OBFormFieldDateInputRequired,
.OBFormField .OBFormFieldDateInputRequiredFocused,
.OBFormField .OBFormFieldDateInputRequiredDisabled,
.OBFormField .OBFormFieldDateInputRequiredError,
.OBFormField .OBFormFieldDateInputRequiredHint,

.OBFormField .OBFormFieldDateInput,
.OBFormField .OBFormFieldDateInputDisabled,
.OBFormField .OBFormFieldDateInputFocused,
.OBFormField .OBFormFieldDateInputError,
.OBFormField .OBFormFieldDateInputHint,

.OBFormFieldError .OBFormFieldDateInputRequired,
.OBFormFieldError .OBFormFieldDateInputRequiredFocused,
.OBFormFieldError .OBFormFieldDateInputRequiredDisabled,
.OBFormFieldError .OBFormFieldDateInputRequiredError,
.OBFormFieldError .OBFormFieldDateInputRequiredHint,

.OBFormFieldError .OBFormFieldDateInput,
.OBFormFieldError .OBFormFieldDateInputDisabled,
.OBFormFieldError .OBFormFieldDateInputFocused,
.OBFormFieldError .OBFormFieldDateInputError,
.OBFormFieldError .OBFormFieldDateInputHint {
  /* The date input should have a maximum width to ensure that the datepicker button is not
     too far from the input */
  max-width: 137px;
}

html[data-useragent*='MSIE 7.0'] .OBFormField .OBFormFieldDateInputRequired,
html[data-useragent*='MSIE 7.0'] .OBFormField .OBFormFieldDateInputRequiredFocused,
html[data-useragent*='MSIE 7.0'] .OBFormField .OBFormFieldDateInputRequiredDisabled,
html[data-useragent*='MSIE 7.0'] .OBFormField .OBFormFieldDateInputRequiredError,
html[data-useragent*='MSIE 7.0'] .OBFormField .OBFormFieldDateInputRequiredHint,

html[data-useragent*='MSIE 7.0'] .OBFormField .OBFormFieldDateInput,
html[data-useragent*='MSIE 7.0'] .OBFormField .OBFormFieldDateInputDisabled,
html[data-useragent*='MSIE 7.0'] .OBFormField .OBFormFieldDateInputFocused,
html[data-useragent*='MSIE 7.0'] .OBFormField .OBFormFieldDateInputError,
html[data-useragent*='MSIE 7.0'] .OBFormField .OBFormFieldDateInputHint,

html[data-useragent*='MSIE 7.0'] .OBFormFieldError .OBFormFieldDateInputRequired,
html[data-useragent*='MSIE 7.0'] .OBFormFieldError .OBFormFieldDateInputRequiredFocused,
html[data-useragent*='MSIE 7.0'] .OBFormFieldError .OBFormFieldDateInputRequiredDisabled,
html[data-useragent*='MSIE 7.0'] .OBFormFieldError .OBFormFieldDateInputRequiredError,
html[data-useragent*='MSIE 7.0'] .OBFormFieldError .OBFormFieldDateInputRequiredHint,

html[data-useragent*='MSIE 7.0'] .OBFormFieldError .OBFormFieldDateInput,
html[data-useragent*='MSIE 7.0'] .OBFormFieldError .OBFormFieldDateInputDisabled,
html[data-useragent*='MSIE 7.0'] .OBFormFieldError .OBFormFieldDateInputFocused,
html[data-useragent*='MSIE 7.0'] .OBFormFieldError .OBFormFieldDateInputError,
html[data-useragent*='MSIE 7.0'] .OBFormFieldError .OBFormFieldDateInputHint {
  /* The previous improvement is not working ok in IE7 or in IE>7 with compatibility mode enabled
     because the datepicker button is rendered in the corner, as if the input be width: 100% */
  max-width: none;
}

.OBFormFieldNumberInput,
.OBFormFieldNumberInputDisabled,
.OBFormFieldNumberInputFocused,
.OBFormFieldNumberInputError,
.OBFormFieldNumberInputHint,

.OBFormFieldNumberInputRequired,
.OBFormFieldNumberInputRequiredDisabled,
.OBFormFieldNumberInputRequiredFocused,
.OBFormFieldNumberInputRequiredError,
.OBFormFieldNumberInputRequiredHint {
  width: 50%;
}

.OBFormFieldStatic,
.OBFormFieldStaticFocused,
.OBFormFieldStaticError,
.OBFormFieldStaticHint {
  color: #333333;
}

.OBFormFieldInput,
.OBFormFieldInputFocused,
.OBFormFieldInputError,
.OBFormFieldInputHint,

.OBFormFieldInputRequired,
.OBFormFieldInputRequiredFocused,
.OBFormFieldInputRequiredError,
.OBFormFieldInputRequiredHint,

.OBFormFieldSelectInput,
.OBFormFieldSelectInputError,
.OBFormFieldSelectInputErrorFocused,
.OBFormFieldSelectInputFocused,
.OBFormFieldSelectInputHint,

.OBFormFieldSelectInputPending,

.OBFormFieldSelectInputRequired,
.OBFormFieldSelectInputRequiredFocused,
.OBFormFieldSelectInputRequiredError,
.OBFormFieldSelectInputRequiredHint,

.OBFormFieldDateInputRequired,
.OBFormFieldDateInputRequiredFocused,
.OBFormFieldDateInputRequiredError,
.OBFormFieldDateInputRequiredHint,

.OBFormFieldDateInput,
.OBFormFieldDateInputFocused,
.OBFormFieldDateInputError,
.OBFormFieldDateInputHint,

.OBFormFieldNumberInput,
.OBFormFieldNumberInputDisabled,
.OBFormFieldNumberInputFocused,
.OBFormFieldNumberInputError,
.OBFormFieldNumberInputHint,

.OBFormFieldNumberInputRequired,
.OBFormFieldNumberInputRequiredDisabled,
.OBFormFieldNumberInputRequiredFocused,
.OBFormFieldNumberInputRequiredError,
.OBFormFieldNumberInputRequiredHint,

.OBFormFieldImageInput,
.OBFormFieldImageInputDisabled,
.OBFormFieldImageInputRequired,
.OBFormFieldImageInputRequiredDisabled {
  border: 1px solid #cdd7bb;
  background-color: #F5F7F1;
  color: #333333;
}

.OBFormFieldStaticDisabled {
  color: #7d7d7d;
 -webkit-text-fill-color: #7d7d7d;
}

.OBFormFieldInputRequiredDisabled,
.OBFormFieldSelectInputRequiredDisabled,
.OBFormFieldDateInputRequiredDisabled,
.OBFormFieldNumberInputRequiredDisabled,
.OBFormFieldImageInputRequiredDisabled,
.OBFormFieldInputDisabled,
.OBFormFieldSelectInputDisabled,
.OBFormFieldDateInputDisabled,
.OBFormFieldNumberInputDisabled,
.OBFormFieldImageInputDisabled {
  border: 0px none;
  background-color: transparent;
  color: #7d7d7d;
  -webkit-text-fill-color: #7d7d7d;
}

.OBFormFieldSelectControl,
.OBFormFieldSelectControlSelected,
.OBFormFieldSelectControlSelectedFocused,
.OBFormFieldSelectControlError,
.OBFormFieldSelectControlFocused {
  font-family: arial, sans-serif; 
  font-size: 13px;
  color: #333;
  border: 0px;
}

.OBFormFieldInputRequiredError,
.OBFormFieldDateInputRequiredError,
.OBFormFieldNumberInputRequiredError,
.OBFormFieldInputError,
.OBFormFieldSelectInputError,
.OBFormFieldSelectInputErrorFocused,
.OBFormFieldDateInputError,
.OBFormFieldLabelError { 
  color: red; /*#204268;*/
}

.OBFormFieldSelectPickerIcon,
.OBFormFieldSelectPickerIconFocused,
.OBFormFieldSelectPickerIconDisabled,
.OBFormFieldSelectPickerIconError {
  padding: 0px;
  border: 0px;
  width: 21px;
}

.OBFormFieldSelectPickerIconOver,
.OBFormFieldSelectPickerIconFocused,
.OBFormFieldSelectPickerIconFocused a,
.OBFormFieldSelectPickerIconSelectedFocused,
.OBFormFieldSelectPickerIconSelected {
  padding: 0px;
  border: 0px;
  width: 21px;
}


.OBFormFieldSelectInputRequired:focus,
.OBFormFieldSelectInputRequiredFocused,
.OBFormFieldSelectInputRequiredSelectedFocused,
.OBFormFieldInputRequired:focus,
.OBFormFieldInputRequiredFocused,
.OBFormFieldInputRequiredSelectedFocused,
.OBFormFieldDateInputRequired:focus,
.OBFormFieldDateInputRequiredFocused,
.OBFormFieldDateInputRequiredSelectedFocused,
.OBFormFieldNumberInputRequired:focus,
.OBFormFieldNumberInputRequiredFocused,
.OBFormFieldNumberInputRequiredSelectedFocused,

.OBFormFieldInput:focus,
.OBFormFieldInputFocused,
.OBFormFieldInputSelectedFocused,
.OBFormFieldSelectInputFocused,
.OBFormFieldSelectInputSelectedFocused,
.OBFormFieldSelectInput:focus,
.OBFormFieldSelectInputError:focus,
.OBFormFieldSelectInputErrorFocused,
.OBFormFieldDateInput:focus,
.OBFormFieldDateInputFocused,
.OBFormFieldDateInputSelectedFocused
.OBFormFieldNumberInput:focus,
.OBFormFieldNumberInputFocused,
.OBFormFieldNumberInputSelectedFocused {
  -moz-outline-offset: -1px;
  outline-offset: -1px;
  outline: none;
  border: 1px solid #fa962f;
}

.OBFormFieldSelectInput,
.OBFormFieldSelectInputError,
.OBFormFieldSelectInputErrorFocused,
.OBFormFieldSelectInputSelectedFocused,
.OBFormFieldSelectInputFocused,
.OBFormFieldSelectInputDisabled,

.OBFormFieldSelectInputPending,

.OBFormFieldSelectInputRequired,
.OBFormFieldSelectInputRequiredDisabled,
.OBFormFieldSelectInputRequiredFocused,
.OBFormFieldSelectInputRequiredError,
.OBFormFieldSelectInputRequiredHint {
  border-width: 1px 0px 1px 1px;
}

.OBFormFieldSelectInputPending {
  background-color: #FFDFDF;
}

.OBFormFieldInputRequiredHint,
.OBFormFieldSelectInputRequiredHint,
.OBFormFieldDateInputRequiredHint,
.OBFormFieldNumberInputRequiredHint,
.OBFormFieldInputHint,
.OBFormFieldSelectInputHint,
.OBFormFieldDateInputHint {
  color:#204268;
}

.OBPickListBody,
.OBPickListBodyFocused {
  border:1px solid #CDD7BB;
  outline: none; 
  background-color: #F5F7F1;
}

/* workaround for this issue:
   https://issues.openbravo.com/view.php?id=18501 */
.pickListMenuBody,
.pickListMenuBodyFocused {
  border:1px solid #CDD7BB;
  outline: none; 
  background-color: #F5F7F1;
}

.OBFormFieldPickListCell,
.OBFormFieldPickListCellSelected,
.OBFormFieldPickListCellFocused,
.OBFormFieldPickListCellSelectedFocused,
.OBFormFieldPickListCellDisabled,
.OBFormFieldPickListCellDark,
.OBFormFieldPickListCellSelectedDark,
.OBFormFieldPickListCellOver,
.OBFormFieldPickListCellOverDark,
.OBFormFieldPickListCellSelectedOver,
.OBFormFieldPickListCellSelectedOverDark {
  padding-left: 2px;
  font-family: 'lucida sans',sans-serif; 
  font-size:11px;
}

.OBFormFieldPickListCell,
.OBFormFieldPickListCellFocused,
.OBFormFieldPickListCellDark {
  color: #333333;
  background-color: #F5F7F1;
}

.OBFormFieldPickListCellSelected,
.OBFormFieldPickListCellSelectedFocused,
.OBFormFieldPickListCellSelectedDark {
  color: #333333;
  background-color: #CDD7BB;
}

.OBFormFieldPickListCellOver,
.OBFormFieldPickListCellOverDark,
.OBFormFieldPickListCellSelectedOver,
.OBFormFieldPickListCellSelectedOverDark {
  background-color: #e1e1e1;
}

.OBFormFieldPickListCellDisabled {
  color: #595959;
  background-color: #C0C0C0;
}


.OBFormFieldInputRequired,
.OBFormFieldInputRequiredFocused,
.OBFormFieldInputRequiredError,
.OBFormFieldInputRequiredHint,

.OBFormFieldSelectInputRequired,
.OBFormFieldSelectInputRequiredFocused,
.OBFormFieldSelectInputRequiredError,
.OBFormFieldSelectInputRequiredHint,

.OBFormFieldDateInputRequired,
.OBFormFieldDateInputRequiredFocused,
.OBFormFieldDateInputRequiredError,
.OBFormFieldDateInputRequiredHint,

.OBFormFieldNumberInputRequired,
.OBFormFieldNumberInputRequiredFocused,
.OBFormFieldNumberInputRequiredError,
.OBFormFieldNumberInputRequiredHint,

.OBFormFieldImageInputRequired {
  background-color: #ffffcc;
}

.OBFormFieldInput_HeightHack {
  /* The are some situations where Smartclient library ignores or misinterpret the JS 'height' property. */
  height: 17px !important;
}

/*=======================================================================
 * Date Picker 
=======================================================================*/

.OBDateChooser {
  border: 0px none !important;
}

.OBDateChooserButton,
.OBDateChooserButtonOver,
.OBDateChooserButtonDown,
.OBDateChooserButtonDisabled,
.OBDateChooserButtonSelected,
.OBDateChooserButtonSelectedDown,
.OBDateChooserButtonSelectedOver,
.OBDateChooserButtonSelectedDisabled,
.OBDateChooserWeekendButton,
.OBDateChooserWeekendButtonOver,
.OBDateChooserWeekendButtonDown,
.OBDateChooserWeekendButtonDisabled,
.OBDateChooserWeekendButtonSelected,
.OBDateChooserWeekendButtonSelectedDown,
.OBDateChooserWeekendButtonSelectedOver,
.OBDateChooserWeekendButtonSelectedDisabled,
.OBDateChooserNavButton,
.OBDateChooserNavButtonOver,
.OBDateChooserNavButtonDown,
.OBDateChooserNavButtonFocused,
.OBDateChooserNavButtonFocusedOver,
.OBDateChooserNavButtonFocusedDown,
.OBDateChooserNavButtonSelected,
.OBDateChooserNavButtonSelectedOver,
.OBDateChooserNavButtonSelectedDown,
.OBDateChooserWeekday,
.OBDateChooserWeekdayOver,
.OBDateChooserWeekdayDown,
.OBDateChooserWeekdaySelected,
.OBDateChooserWeekdaySelectedOver,
.OBDateChooserWeekdaySelectedDown,
.OBDateChooserWeekdayDisabled,
.OBDateChooserWeekdayDisabledOver,
.OBDateChooserWeekdayDisabledDown,
.OBDateChooserWeekend,
.OBDateChooserWeekendOver,
.OBDateChooserWeekendDown,
.OBDateChooserWeekendSelected,
.OBDateChooserWeekendSelectedOver,
.OBDateChooserWeekendSelectedDown,
.OBDateChooserWeekendDisabled,
.OBDateChooserWeekendDisabledOver,
.OBDateChooserWeekendDisabledDown {
  font-family: 'lucida sans', sans-serif;
  font-size: 12px;
  background-color: white;
  color: #333333;
}

.OBDateChooserBottomButton,
.OBDateChooserBottomButtonOver,
.OBDateChooserBottomButtonDown,
.OBDateChooserBottomButtonFocused,
.OBDateChooserBottomButtonFocusedOver,
.OBDateChooserBottomButtonFocusedDown,
.OBDateChooserBottomButtonSelected,
.OBDateChooserBottomButtonSelectedOver,
.OBDateChooserBottomButtonSelectedDown {
  font-family: 'lucida sans', sans-serif;
  font-size: 12px;
  background-color: transparent;
  color: #333333;
}

.OBDateChooserBottomButton,
.OBDateChooserBottomButtonFocused,
.OBDateChooserBottomButtonSelected {
  background-image: url(./images/form/dateChooser-bg-button.png);
  background-position: left top;
  background-repeat: repeat-x;
}

.OBDateChooserBottomButtonOver,
.OBDateChooserBottomButtonFocusedOver,
.OBDateChooserBottomButtonSelectedOver {
  background-image: url(./images/form/dateChooser-bg-button_Over.png);
  background-position: left top;
  background-repeat: repeat-x;
}

.OBDateChooserBottomButtonDown,
.OBDateChooserBottomButtonFocusedDown,
.OBDateChooserBottomButtonSelectedDown {
  background-image: url(./images/form/dateChooser-bg-button_Down.png);
  background-position: left top;
  background-repeat: repeat-x;
}

.OBDateChooserNavButton,
.OBDateChooserNavButtonOver,
.OBDateChooserNavButtonDown,
.OBDateChooserNavButtonFocused,
.OBDateChooserNavButtonFocusedOver,
.OBDateChooserNavButtonFocusedDown,
.OBDateChooserNavButtonSelected,
.OBDateChooserNavButtonSelectedOver,
.OBDateChooserNavButtonSelectedDown {
  font-family: 'lucida sans', sans-serif;
  font-size: 10px;
  background-color: transparent;
  color: #333333;
}

/* year/month buttons */
.OBDateChooserNavButton,
.OBDateChooserNavButtonOver,
.OBDateChooserNavButtonDown,
.OBDateChooserNavButtonFocused,
.OBDateChooserNavButtonFocusedOver,
.OBDateChooserNavButtonFocusedDown,
.OBDateChooserNavButtonSelected,
.OBDateChooserNavButtonSelectedOver,
.OBDateChooserNavButtonSelectedDown {
  padding: 0px;
  border-top: 0px none;
  border-bottom: 0px none;
}

/* for all buttons, plus weekday headers (dateChooserButton) */
.OBDateChooserButton,
.OBDateChooserButtonOver,
.OBDateChooserButtonDown,
.OBDateChooserButtonSelected,
.OBDateChooserButtonSelectedOver,
.OBDateChooserButtonSelectedDown,
.OBDateChooserWeekendButton,
.OBDateChooserWeekendButtonOver,
.OBDateChooserWeekendButtonDown,
.OBDateChooserWeekendButtonSelected,
.OBDateChooserWeekendButtonSelectedOver,
.OBDateChooserWeekendButtonSelectedDown,
.OBDateChooserNavButton,
.OBDateChooserNavButtonOver,
.OBDateChooserNavButtonDown,
.OBDateChooserNavButtonFocused,
.OBDateChooserNavButtonFocusedOver,
.OBDateChooserNavButtonFocusedDown,
.OBDateChooserNavButtonSelected,
.OBDateChooserNavButtonSelectedOver,
.OBDateChooserNavButtonSelectedDown {
  font-weight: bold;
  color: #4C4C4C;
}

.OBDateChooserButtonOver,
.OBDateChooserButtonDown {
  cursor: pointer;
  color: #467DCD;
}

.OBDateChooserWeekendButton,
.OBDateChooserWeekendButtonOver,
.OBDateChooserWeekendButtonDown,
.OBDateChooserWeekendButtonSelected,
.OBDateChooserWeekendButtonSelectedOver,
.OBDateChooserWeekendButtonSelectedDown {
  background-color: #CDD7BB;
  border: 2px solid #CDD7BB;
}


.OBDateChooserNavButton,
.OBDateChooserNavButtonOver,
.OBDateChooserNavButtonDown,
.OBDateChooserNavButtonFocused,
.OBDateChooserNavButtonFocusedOver,
.OBDateChooserNavButtonFocusedDown,
.OBDateChooserNavButtonSelected,
.OBDateChooserNavButtonSelectedOver,
.OBDateChooserNavButtonSelectedDown {
  cursor: pointer;
  padding: 2px;
}

.OBDateChooserNavButtonOver,
.OBDateChooserNavButtonDown {
  color: #FA962F;
}

/* Today, Cancel buttons */
.OBDateChooserBottomButton,
.OBDateChooserBottomButtonOver,
.OBDateChooserBottomButtonDown,
.OBDateChooserBottomButtonFocused,
.OBDateChooserBottomButtonFocusedOver,
.OBDateChooserBottomButtonFocusedDown {
  cursor: pointer;
  font-weight: bold;
  color: #4C4C4C;
  border-left: 1px solid #ACB1B9;
  border-top: 1px solid #ACB1B9;
}


/* weekday and weekend cells */

.OBDateChooserWeekday,
.OBDateChooserWeekdayOver,
.OBDateChooserWeekdayDown,
.OBDateChooserWeekdaySelected,
.OBDateChooserWeekdaySelectedOver,
.OBDateChooserWeekdaySelectedDown,
.OBDateChooserWeekdayDisabled,
.OBDateChooserWeekdayDisabledOver,
.OBDateChooserWeekdayDisabledDown,
.OBDateChooserWeekend,
.OBDateChooserWeekendOver,
.OBDateChooserWeekendDown,
.OBDateChooserWeekendSelected,
.OBDateChooserWeekendSelectedOver,
.OBDateChooserWeekendSelectedDown,
.OBDateChooserWeekendDisabled,
.OBDateChooserWeekendDisabledOver,
.OBDateChooserWeekendDisabledDown {
  cursor: pointer;
  color: #333333;
  border: 2px solid white;
  background-color: white;
}

.OBDateChooserWeekdayDisabled,
.OBDateChooserWeekdayDisabledOver,
.OBDateChooserWeekdayDisabledDown,
.OBDateChooserWeekendDisabled,
.OBDateChooserWeekendDisabledOver,
.OBDateChooserWeekendDisabledDown {
  color: #C0C3CA;
}

.OBDateChooserWeekend,
.OBDateChooserWeekendOver,
.OBDateChooserWeekendSelected,
.OBDateChooserWeekendDisabled,
.OBDateChooserWeekendDisabledOver,
.OBDateChooserWeekendDisabledDown {
  border: 2px solid #CDD7BB;
  background-color: #CDD7BB;
}

.OBDateChooserWeekdayOver,
.OBDateChooserWeekendOver {
  border: 2px solid #FA962F;
}

.OBDateChooserWeekdaySelected,
.OBDateChooserWeekdaySelectedOver,
.OBDateChooserWeekdayDown,
.OBDateChooserWeekdaySelectedDown,
.OBDateChooserWeekendSelected,
.OBDateChooserWeekendSelectedOver,
.OBDateChooserWeekendDown,
.OBDateChooserWeekendSelectedDown {
  font-weight: bold;
  color: #4C4C4C;
  border: 2px solid #FA962F;
  background-color: #F8E0C5;
}

.OBDateChooserWeekdayDown,
.OBDateChooserWeekendDown {
  font-weight: normal;
}

/* year and month pop-up menus */
.OBDateChooserYearMenu,
.OBDateChooserMonthMenu {
  border: 2px solid #4C4C4C;
  background-color: #FFFFFF;
}

/*=======================================================================
 * Form Button Styles 
=======================================================================*/

.OBFormButton,
.OBFormButtonOver,
.OBFormButtonFocused,
.OBFormButtonFocusedOver,
.OBFormButtonDown,
.OBFormButtonFocusedDown,
.OBFormButtonSelected,
.OBFormButtonSelectedFocused,
.OBFormButtonSelectedDown,
.OBFormButtonSelectedFocusedDown,
.OBFormButtonSelectedOver,
.OBFormButtonSelectedFocusedOver,
.OBFormButtonDisabled,
.OBFormButtonSelectedDisabled {
  padding: 5px 20px 5px;
  font-family:'lucida sans',sans-serif; 
  font-size:12px;
  background-image:url(./images/form/textButton-bg-normal.png);
  color:#000000;
  background-position:right top;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 2px solid #efefef;
}

.OBFormButtonDisabled,
.OBFormButtonSelectedDisabled {
  border:2px solid #d0d1cd;
  background-image: url(./images/form/textButton-bg-disabled.png);
  font-weight:normal;
  color:#777;
}

.OBFormButtonFocused,
.OBFormButtonFocusedOver,
.OBFormButtonSelectedFocused,
.OBFormButtonSelectedFocusedOver,
.OBFormButtonSelectedFocusedDown {
  border:2px solid #fa962f;
}

.OBFormButtonOver,
.OBFormButtonFocusedOver,
.OBFormButtonSelectedFocused,
.OBFormButtonSelectedFocusedOver {
  background-image: url(./images/form/textButton-bg-hover.png);
}

.OBFormButtonDown,
.OBFormButtonFocusedDown,
.OBFormButtonSelectedDown,
.OBFormButtonSelectedFocusedDown {
  background-image: url(./images/form/textButton-bg-down.png);
}

.OBFormButtonTitle,
.OBFormButtonTitleOver,
.OBFormButtonTitleDown,
.OBFormButtonTitleSelected,
.OBFormButtonTitleFocused,
.OBFormButtonTitleSelectedFocused,
.OBFormButtonTitleSelectedOver,
.OBFormButtonTitleFocusedOver,
.OBFormButtonTitleSelectedFocusedOver,
.OBFormButtonTitleSelectedDown,
.OBFormButtonTitleFocusedDown,
.OBFormButtonTitleSelectedFocusedDown,
.OBFormButtonTitleDisabled,
.OBFormButtonTitleSelectedDisabled {
  color: #000000;
  font-family: 'lucida sans', sans-serif;
  font-size: 13px;
}

.OBFormButtonTitleDisabled,
.OBFormButtonTitleSelectedDisabled {
  font-weight: normal;
  color: #777;
}

/*=======================================================================
 * Image Item
=======================================================================*/

/*=======================================================================
 * LinkButton Item
=======================================================================*/

.OBLinkButtonItem,
.OBLinkButtonItemOver,
.OBLinkButtonItemDown,
.OBLinkButtonItemFocused,
.OBLinkButtonItemFocusedOver,
.OBLinkButtonItemFocusedDown {
  font-family: 'lucida sans', sans-serif;
  font-size: 13px;
  vertical-align: middle;
  background: transparent;
  padding: 5px 5px 5px 5px;
}

.OBLinkButtonItem,
.OBLinkButtonItemOver,
.OBLinkButtonItem:hover {
  cursor: pointer;
  color: #58A618;
}

.OBLinkButtonItemDown,
.OBLinkButtonItem:active {
  color: #004E27;
}

.OBLinkButtonItemFocused,
.OBLinkButtonItemFocusedOver,
.OBLinkButtonItemFocusedDown,
.OBLinkButtonItem:focus {
  color: #fa962f;
}

.OBLinkButtonItemOver,
.OBLinkButtonItemFocusedOver,
.OBLinkButtonItem:hover {
  text-decoration: underline;
}

/*=======================================================================
 * SectionItem Button
=======================================================================*/

.OBSectionItemButton_Title_opened,
.OBSectionItemButton_Title_Disabledopened,
.OBSectionItemButton_Title_closed,
.OBSectionItemButton_Title_Disabledclosed,
.OBSectionItemButton_Title_Overopened,
.OBSectionItemButton_Title_Overclosed {
  font-family: 'lucida sans', sans-serif;
  font-size: 13px;
  font-weight: bold;
}

/*=======================================================================
 * Used in the label of a foreign key field, for link image 
=======================================================================*/

.OBFormFieldLinkButton:hover {
  color: #58A618;
  cursor: pointer;
}

/*=======================================================================
 * Dialog
=======================================================================*/

.OBDialogButtonToolBar {
  margin: 0px 40px 0px 0px;
}

/*=======================================================================
 * Note section
=======================================================================*/

.OBNoteListGrid,
.OBNoteListGridOver {
   margin: 0px 0px 8px 8px;
}

.OBNoteListGridCell,
.OBNoteListGridCellOver,
.OBNoteListGridCurrentUserNoteCell,
.OBNoteListGridCurrentUserNoteCellOver,
.OBNoteListGridOtherUserNoteCell,
.OBNoteListGridAuthor,
.OBNoteListGridDelete,
.OBNoteListGridOtherUserNoteCellOver {
   border: 0px;
   background-color: transparent;
   padding: 5px;
   font-family: arial, sans-serif;
   font-size: 13px;
}

.OBNoteListGridCurrentUserNoteCell,
.OBNoteListGridCurrentUserNoteCellOver {
    width: 1px; /* To avoid strange IE effect where the bar is too width. Even with this is still widther than FF and Chrome */
    background-color: #898989;
}

.OBNoteListGridOtherUserNoteCell,
.OBNoteListGridOtherUserNoteCellOver {
    background-color: #58A618;
}

.OBNoteListGridAuthor {
  font-family: arial, sans-serif;
  font-style: italic;
  font-size: 13px;
  margin-left: 3px;
}

.OBNoteListGridDelete {
  font-family: 'lucida sans', sans-serif;
  font-style: normal;
  font-size: 13px;
  color: #58a618;
  margin-left: 0px;
}

a.OBNoteListGridDelete:link {
  padding: 0px;
  text-decoration: none;
}

a.OBNoteListGridDelete:hover {
  text-decoration: underline;
}